<template>
  <div>
    <p class="periods">{{SSCinfo.expect}}</p>
    <ul class="flex flex-align-center luckNum-ul">
      <li v-for="(codeitem, index) in SSCinfo.open_code" :key="index" class="luckNum-li my_text_center">{{codeitem}}</li>
    </ul>
    <div class="countdown-box flex">
      <img src="../../assets/img/layout-top-tabs/voice-icon.png" alt="" class="voice-icon" v-show="isVoiceOpen">
      <span class="next-periods">{{SSCinfo.short_expect}}期</span>
      <count-down :openTime="SSCinfo.next_open_time"></count-down>
    </div>
  </div>
</template>

<script>
import CountDown from "./CountDown";

export default {
  data() {
    return {
      isVoiceOpen:true,
    };
  },

  components: {
    CountDown
  },
  
  props:{
    SSCinfo: {}
  },
};
</script>
<style lang='less' scoped>
@import url(../../assets/css/lotteryTemplateLeft/lotteryTemplate.less);
</style>
